<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Planner</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css" type="text/css" media="all">
    <link rel="stylesheet" href="planner.css" type="text/css" media="all">
    <script src="http://www.google.com/jsapi"></script>
    <script src="js/planner.js"></script>
</head>
<body>

<div id="plans-wrapper" class="menu">
    <ul>
        <li>plan 1</li>
        <li>plan 2</li>
        <li>plan 3</li>
        <li>plan 4</li>
    </ul>
</div>

<div id="cases-wrapper" class="menu">
    <ul>
        <li>case 1</li>
        <li>case 2</li>
        <li>case 3</li>
        <li>case 4</li>
        <li>case 5</li>
        <li>case 1</li>
        <li>case 2</li>
        <li>case 3</li>
        <li>case 4</li>
        <li>case 5</li>
        <li>case 4</li>
        <li>case 5</li>
        <li>case 4</li>
        <li>case 5</li>
    </ul>
</div>

<div id="case-editor-wrapper">

    
    <div class="case-info">

        <label>
            <span>Name</span>
            <input type="text">
        </label>
        
        <label>
            <span>Description</span>
            <textarea rows="3" cols="50"></textarea>
        </label>

        <label>
            <span>Steps</span>
            <textarea rows="20" cols="50"></textarea>
        </label>

        <hr width="80%" size="1" align="left">
        <button>Save</button>

    </div>

    <div class="assign">
        <div class="user-profile" align="center">
            <img src="images/offline_user_64.png" alt="user">
            <div>Happy QA</div>
        </div>
    </div>

</div>


<div id="layout-top" class="ui-widget-header">
    <h1>Test Planner</h1>
</div>
<div id="layout-bottom">
    <div class="copy-right">Easy Test Plan - &copy;2010</div>
</div>
</body>
</html>